<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="utf-8"/>
    <title>Detail</title>

    <meta name="viewport" content="width=1000, initial-scale=1.0, maximum-scale=1.0"/>

    <!-- Loading Bootstrap -->
    <link th:href="@{/dist/css/vendor/bootstrap/css/bootstrap.min.css}" rel="stylesheet"/>

    <!-- Loading Flat UI -->
    <link th:href="@{/dist/css/flat-ui.css}" rel="stylesheet"/>
    <link th:href="@{/docs/assets/css/demo.css}" rel="stylesheet"/>

    <link rel="shortcut icon" th:href="@{static/img/favicon.ico}"/>

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
    <!--[if lt IE 9]>
      <script th:href="@{static/dist/js/vendor/html5shiv.js}"></script>
      <script th:href="@{static/dist/js/vendor/respond.min.js}"></script>
      <![endif]-->
  </head>
  <body>
    <div class="container">

      <div class="demo-row typography-row">
      	<div class="demo-title">
      		<h3 class="demo-panel-title">事件详情</h3>
      	</div>
      	<div class="demo-content">
      		<div class="demo-type-example">
	      		<h2><span class="demo-heading-note">标题</span><span th:text="${header}"></span></h2>
      		</div>
      		<div class="demo-type-example">
	      		<h5><span class="demo-heading-note">时间</span><span th:text="${time}"></span></h5>
      		</div>
      	
      		<!-- <div class="demo-type-example">
	      		<span class="demo-text-note">Paragraph</span>
	          <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. <strong>Donec ullamcorper</strong> nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
      		</div>
      		<div class="demo-type-example">
	      		<span class="demo-text-note">Image</span>
	          <img src="docs/assets/img/example-image.jpg" alt="example-image" class="img-rounded img-responsive">
	          <p class="img-comment"><strong>Note:</strong> gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
      		</div>
      		<div class="demo-type-example">
	      		<span class="demo-text-note">Lead Text</span>
						<p class="lead">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
      		</div> -->
      		<div class="demo-type-example">
	      		<span class="demo-text-note">正文</span>
	          <blockquote>
	            <p th:text="${detail}"></p>
	            <!--<small></small>-->
	          </blockquote>
      		</div>
      		<div class="demo-type-example">
	      		<span class="demo-text-note">更多</span>
	          <p><small>想知道更多？请持续关注本网站.</small></p>
      		</div>
      	</div><!-- /.demo-content-wide -->
      </div><!-- /.demo-row -->








    </div> <!-- /container -->

    <footer>
      <div class="container">
        <div class="row">
          <div class="col-xs-7">
            <h3 class="footer-title">Subscribe</h3>
            <p>Do you like this freebie? Want to get more stuff like this?<br/>
              Subscribe to designmodo news and updates to stay tuned on great designs.<br/>
              Go to: <a href="http://designmodo.com/flat-free" target="_blank">designmodo.com/flat-free</a>
            </p>

            <p class="pvl">
              <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://designmodo.com/flat-free/" data-text="Flat UI Free - PSD&amp;amp;HTML User Interface Kit" data-via="designmodo">Tweet</a>
							<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
              <!--<iframe src="http://ghbtns.com/github-btn.html?user=designmodo&repo=Flat-UI&type=watch&count=true" height="20" width="107" frameborder="0" scrolling="0" style="width:105px; height: 20px;" allowTransparency="true"></iframe>-->
              <!--<iframe src="http://ghbtns.com/github-btn.html?user=designmodo&repo=Flat-UI&type=fork&count=true" height="20" width="107" frameborder="0" scrolling="0" style="width:105px; height: 20px;" allowTransparency="true"></iframe>-->
              <!--<iframe src="http://ghbtns.com/github-btn.html?user=designmodo&type=follow&count=true" height="20" width="195" frameborder="0" scrolling="0" style="width:195px; height: 20px;" allowTransparency="true"></iframe>-->
            </p>

            <a class="footer-brand" href="http://designmodo.com" target="_blank">
              <img th:href="@{static/docs/assets/img/footer/logo.png}" alt="" />
            </a>
          </div> <!-- /col-xs-7 -->

          <div class="col-xs-5">
            <div class="footer-banner">
              <h3 class="footer-title">Powered By Flat UI Pro</h3>
              <ul>
                <li>Tons of Basic and Custom UI Elements</li>
                <li>A Lot of Useful Samples</li>
                <li>More Vector Icons and Glyphs</li>
                <li>Pro Color Swatches</li>
                <li>Bootstrap Based HTML/CSS/JS Layout</li>
              </ul>
              Go to: <a href="http://designmodo.com/flat" target="_blank">designmodo.com/flat</a>
            </div>
          </div>
        </div>
      </div>
    </footer>

    <script th:href="@{static/dist/js/vendor/jquery.min.js}"></script>
    <script th:href="@{static/dist/js/flat-ui.min.js}"></script>
    <script th:href="@{static/docs/assets/js/application.js}"></script>


  </body>
</html>
